
@(form: Form[Application.Login])

@main("PUC TowerDefence - The game") {

    <div class="jumbotron">
        @helper.form(routes.Application.authenticate) {
                <div id="login" class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">Admin login</h3>
                    </div>
                    <div class="panel-body">
                        <div class="col-lg-6">
                            <div id="password-group" class="input-group">
                                <input type="password" name="password" class="form-control" placeholder="Password">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="submit">Go!</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

        }

        @if(form.hasGlobalErrors) {
            <div class="alert alert-danger">

                @form.globalError.message
            </div>
            <style>
                .alert {
                    display: none;
                }
            </style>
            <script>
                $( ".alert" ).fadeIn(2000);
                $("#login" ).effect( "shake" );
            </script>
        }

    </div>

    <style>
        .jumbotron {
            display: none;
    }
    </style>
    <script>
        $( ".jumbotron" ).fadeIn();
    </script>
}
